<!DOCTYPE html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html lang="en">
    <head>
		<meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <title>Hellomond WorkSpace</title>
        <meta name="description" content="Creative Web Typography Styles - Having fun with text styles and effects" />
        <meta name="keywords" content="css3, typography, styles, letters, creative, effects, transitions, animations" />
        <meta name="author" content="Codrops" />
        <link rel="shortcut icon" href="../favicon.ico"> 
        <%-- <link type="text/css" rel="stylesheet" href="<c:url value='/css/egovframework/sample.css'/>"/> --%>
        <link rel="stylesheet" type="text/css" href="<c:url value='/css/mos/demo.css' />"/>
        <link rel="stylesheet" type="text/css" href="<c:url value='/css/mos/style.css' />"/>
		<link href='<c:url value='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300|Sancreek|Raleway:100' />' rel='stylesheet' type='text/css' />
		<!--[if lte IE 8]><style>.support-note .note-ie{display:block;}</style><![endif]-->
		<script type="text/javascript" src="<c:url value='/js/modernizr.custom.79639.js'/>/"></script>
    </head>
    <body>
        <div class="container">
		
			<header>
			
				<h1>Creative <strong>Hellomond</strong> IntroPage</h1>
				
				<div class="support-note"><!-- let's check browser support with modernizr -->
					<span class="no-csstransforms">CSS transforms are not supported in your browser</span>
					<span class="no-csstransitions">CSS transitions are not supported in your browser</span>
					<span class="note-ie">Sorry, only modern browsers.</span>
				</div>
				
			</header>
			
			<section class="main">
				
				<h2 class="cs-text">
					<span class="cs-text-cut">Hellomond</span>
					<span class="cs-text-mid">Boost Your Run</span>
					<span class="cs-text-cut">Hellomond</span>
				</h2>
				
			</section>
			
        </div>
		
        <script type="text/javascript" src="<c:url value='http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js'/>"></script>
		<script type="text/javascript" src="<c:url value='/js/jquery.lettering.js'/>/"></script>
		<script>
			$(document).ready(function() {
				$(".cs-text-cut").lettering('Hellomond');
			});
		</script>
    </body>
</html>